$(function () {
    $("#shuaxing").click(function () {
        window.location.reload();
    })
})
$(function () {
    $("#tiu").click(function () {
        window.location.href = "HtmlEE.jsp";
        $(".review-container").show();
    })
})
$(document).ready(function () {
    $(".reply_message3").click(function () {
        if (check()) {
            $(".reply_message").hide();
        } else {
            $(".reply_message").show();
        }
    });

    $(".reply_message4").click(function () {
        $(".reply_message").hide();
    });

    $(".reply_message5").click(function () {
        $(".reply_message").show();
    });

    $("#e").click(function () {
        if ($("#div").is(":visible")) {
            $("#div").css({
                "display": "none",
                "z-index": -1,
            });
        } else {
            $("#div").css({
                "position": "absolute",
                "z-index": 1000,
                "display": "block"
            });
        }
    });


    function check() {
        var replyMessage = document.querySelector(".reply_message2").value.trim();
        if (replyMessage === "") {
            alert("请输入回复内容");
            return false;
        }
        return true;
    }

    $(document).ready(function () {
        // 处理分页链接点击事件
        $('#pagination a').click(function (event) {
            event.preventDefault();
            var url = $(this).attr('href');
            loadComments(url);
        });

        // 加载评论数据
        function loadComments(url) {
            $.ajax({
                url: url,
                type: 'GET',
                success: function (response) {
                    // 假设服务器返回的是 HTML 片段
                    $('#comments-container').html(response);
                },
                error: function () {
                    alert('加载评论失败');
                }
            });
        }
    });

    $(document).ready(function () {
        // 显示/隐藏回复表单
        $('#reply-button').click(function () {
            $(this).next('.reply-form').toggle();
        });

        // 提交回复
        // $('.submit-reply').click(function (event) {
        //     event.preventDefault();
        //     var form = $(this).closest('.reply-form');
        //     var formData = new FormData(form[0]);
        //
        //     $.ajax({
        //         url: 'huiFu',
        //         type: 'POST',
        //         data: formData,
        //         processData: false,
        //         contentType: false,
        //         success: function (resp) {
        //             // 更新页面上的回复列表
        //             alert('回复成功');
        //         },
        //         error: function (error) {
        //             console.error('回复失败:', error);
        //         }
        //     });
        // });
    })
});
// $(document).ready(function() {
//     $('.delete-comment').click(function() {
//         var commentId = $(this).data('comment-id');
//         var $reviewContainer = $(this).closest('.review-container');
//
//         $.ajax({
//             url: 'deleteComment', // 服务器端处理删除请求的 URL
//             type: 'POST',
//             data: { commentId: commentId },
//             success: function(response) {
//                 if (response.success) {
//                     $reviewContainer.remove(); // 删除评论的 DOM 元素
//                 } else {
//                     alert('删除失败，请重试。');
//                 }
//             },
//             error: function() {
//                 alert('删除失败，请重试。');
//             }
//         });
//     });
// });
document.addEventListener('DOMContentLoaded', function () {
    // 获取所有删除按钮
    const deleteButtons = document.querySelectorAll('.delete-comment');

    deleteButtons.forEach(button => {
        button.addEventListener('mouseleave', function () {
            // 添加动画类
            this.classList.add('slide-down');
        });

        button.addEventListener('mouseenter', function () {
            // 移除动画类
            this.classList.remove('slide-down');
        });
    });
});
// $(document).ready(function () {
//     $('.delete-comment').click(function () {
//         window.location.href = "deleteComment?commentId=" + $(this).data("comment-id");
//     });
// })

//
// $(document).ready(function() {
//     $('#pagination').on('click',  function() {
//         var pageNo = $(this).data('pageno');
//         var pageSize = 10; // 你可以根据需要调整 pageSize
//         loadComments(pageNo, pageSize);
//     });
// });
//
// function loadComments(pageNo, pageSize) {
//     $.ajax({
//         url: 'huiFu',
//         type: 'POST',
//         data: {
//             pageNo: pageNo,
//             pageSize: pageSize
//         },
//         success: function(response) {
//             // 假设服务器返回的是一个包含 commentsList, totalPages, currentNo 的 JSON 对象
//             var data = JSON.parse(response);
//             var commentsHtml = '';
//             data.commentsList.forEach(function(comment) {
//                 commentsHtml += '<div class="review-container">';
//                 commentsHtml += '<div class="user-info">';
//                 commentsHtml += '<img src="' + comment.img + '">';
//                 commentsHtml += '<div class="user-details">';
//                 commentsHtml += '<h3 class="user-name" name="zhuName">' + comment.username + '</h3>';
//                 commentsHtml += '<p class="user-location">IP: 上海</p>';
//                 commentsHtml += '<p class="user-comment">特惠大床房,商务出差</p>';
//                 commentsHtml += '</div>';
//                 commentsHtml += '<span>' + comment.xi + '</span>';
//                 commentsHtml += '</div>';
//                 commentsHtml += '<div>';
//                 commentsHtml += '<p>' + comment.usercomment + '</p>';
//                 commentsHtml += '</div>';
//                 commentsHtml += '<hr/>';
//                 commentsHtml += '<h2>酒店回复</h2>';
//                 commentsHtml += '<span>尊敬的宾客，非常感谢您对我们酒店的好评，我们会再接再厉不辜负您的好评。再次感谢您对酒店的肯定，期待再次光临，祝旅途愉快！</span>';
//                 commentsHtml += '<input type="button" class="delete-comment" data-comment-id="' + comment.id + '" value="删除">';
//                 commentsHtml += '</div>';
//             });
//
//             $('#commentsContainer').html(commentsHtml);
//
//             // 更新分页控件
//             var paginationHtml = '';
//             if (data.currentNo > 1) {
//                 paginationHtml += '<button data-pageno="' + (data.currentNo - 1) + '">上一页</button>';
//             }
//             for (var i = 1; i <= data.totalPages; i++) {
//                 if (i === data.currentNo) {
//                     paginationHtml += '<span>' + i + '</span>';
//                 } else {
//                     paginationHtml += '<button data-pageno="' + i + '">' + i + '</button>';
//                 }
//             }
//             if (data.currentNo < data.totalPages) {
//                 paginationHtml += '<button data-pageno="' + (data.currentNo + 1) + '">下一页</button>';
//             }
//
//             $('#pagination').html(paginationHtml);
//         },
//         error: function(xhr, status, error) {
//             console.error('Error loading comments:', error);
//         }
//     });
// }

$(document).ready(function () {
    $("#all").on("click", function () {
        window.location.href = "ChaXunServlet"
    });
    $("#standard").on("click", function () {
        window.location.href = "ChaXunServlet"
    });

});
let currentPage = 1;
const limit = 10; // 每页显示的评论数量

// function loadComments(page) {
//     $.ajax({
//         url: 'huiFu', // 假设你的后端接口地址是huiFu
//         type: 'POST',
//         data: {
//             start: (page - 1) * limit,
//             limit: limit
//         },
//         success: function(response) {
//             // 假设response是一个包含评论列表的对象
//             const comments = response.comments;
//             const reviewContainer = $('.review-container');
//             reviewContainer.empty();
//
//             comments.forEach(comment => {
//                 const commentHtml = `
//                     <div class="review-container">
//                         <div class="user-info">
//                             <img src="${comment.img}">
//                             <div class="user-details">
//                                 <h3 class="user-name" name="zhuName">${comment.username}</h3>
//                                 <p class="user-location">IP: 上海</p>
//                                 <p class="user-comment">特惠大床房,商务出差</p>
//                             </div>
//                             <span>${comment.xi}</span>
//                         </div>
//                         <div>
//                             <p>${comment.usercomment}</p>
//                         </div>
//                         <hr/>
//                         <h2>酒店回复</h2>
//                         <span>尊敬的宾客，非常感谢您对我们酒店的好评，我们会再接再厉不辜负您的好评。再次感谢您对酒店的肯定，期待再次光临，祝旅途愉快！</span>
//                         <input type="button" class="delete-comment" data-comment-id="${comment.id}" value="删除">
//                     </div>
//                 `;
//                 reviewContainer.append(commentHtml);
//             });
//
//             $('#currentPage').text(page);
//         },
//         error: function(xhr, status, error) {
//             console.error('Error loading comments:', error);
//         }
//     });
// }

function changePage(direction) {
    currentPage += direction;
    if (currentPage < 1) {
        currentPage = 1;
    }
    // 这里需要根据实际的总页数来限制currentPage的最大值
    // 例如，如果总页数为totalPages，则需要加上 currentPage = Math.min(currentPage, totalPages);
    loadComments(currentPage);
}

// // 初始化加载第一页评论
// loadComments(currentPage);

$(document).ready(function () {
    $("#toggleReviews").on("click", function () {
        $(this).css("display", "none")
        var currentNo = 1; // 这里假设 currentNo 的值为 1，你可以根据实际情况获取这个值
        var totalPages = 10; // 这里假设 totalPages 的值为 10，你可以根据实际情况获取这个值
        var url = "tr?currentNo=" + currentNo + "&totalPages=" + totalPages;
        console.log("Redirecting to:", url);
        //跳转页面
        window.location.href = url;

    });
});

function chang(a) {
    $(".pagination-button").on("click", function () {
        window.location.href = "tr?currentNo=" + a;
    })
}

function change(a) {
    $(".pagination-button").on("click", function () {
        window.location.href = "tr?currentNo=" + a;
    })
}

// function deleteComment(commentId) {
//     $.ajax({
//         url: 'deleteComment',
//         type: 'POST',
//         contentType: 'application/json',
//         data:  JSON.stringify({ commentId: commentId }),
//         success: function(response) {
//             console.log("Response:", response); // 添加这行代码
//             try {
//                 var result = JSON.parse(response);
//                 if (result.success) {
//                     // 刷新页面
//                     location.reload();
//                 } else {
//                     alert('删除失败03');
//                 }
//             } catch (e) {
//                 console.error("JSON 解析错误:", e);
//                 alert(`删除失败: ${e.message}`);
//             }
//         },
//         error: function() {
//             alert('删除失败');
//         }
//     });
// }
$(document).ready(function () {
    $(".delete-comment").click(function () {
        event.preventDefault();
        var commentId = $(this).data("comment-id");
        console.log(commentId);
        $.ajax({
            url: 'deleteComment',
            type: 'POST',
            dataType: 'json',
            data: {'comment-id': commentId},
            success: function (data) {
                console.log("Response:", data); // 添加这行代码
                try {
                    if (data.success) {
                        // 提示用户删除成功
                        alert(data.msg);
                        // 返回到主页面
                        // window.location.href = "HotelReviews.html"; // 替换为你的主页面的实际 URL
                        location.reload();
                    } else {
                        alert('删除失败，请重试。');
                    }
                } catch (e) {
                    alert('删除失败03');
                }
            }

        });
    })
});
$(document).ready(function (){
    $(".all").on("click",function (){
        window.location.href="XiCha?all=全部评论"
    })
});
$(document).ready(function (){
    $(".standard_room").on("click",function (){
        window.location.href="XiCha?standard_room=好评"
    })
});
$(document).ready(function (){
    $(".double_bed_room").on("click",function (){
        window.location.href="XiCha?double_bed_room=差评"
    })
});
